.medium {
  font-weight: bold;
}
html,
body {
  width: 100%;
  height: 100%;
  background: #fff;
}
.loading {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 300;
  display: none;
}
.loading .img {
  width: 13.33333333vw;
  height: 13.33333333vw;
  padding: 5.33333333vw;
  border-radius: 1.6vw;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  line-height: 13.33333333vw;
}
.loading img {
  width: 13.33333333vw;
  height: 13.33333333vw;
}
/* 题目 */
.title-bar {
  width: 100%;
  width: 65.33333333vw;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 17.33333333vw;
  padding-right: 17.33333333vw;
  height: 11.73333333vw;
  line-height: 11.73333333vw;
  font-size: 4.8vw;
  color: #000000;
  position: relative;
  text-align: center;
  background: #FFFFFF;
  box-shadow: inset 0 -1px 0 0 #E9E9E9;
}
.title-bar .left-img {
  width: 11.73333333vw;
  height: 11.73333333vw;
  text-align: center;
  line-height: 11.73333333vw;
  position: absolute;
  left: 0;
  top: 0;
}
.title-bar .left-img img {
  width: 2.4vw;
  height: 4vw;
}
.title-bar .right-text {
  font-size: 3.46666667vw;
  padding-left: 2.93333333vw;
  padding-right: 2.93333333vw;
  height: 11.73333333vw;
  text-align: center;
  position: absolute;
  right: 0vw;
  top: 0;
}
.title-bar .blue {
  color: #4A90E2;
}
[v-cloak] {
  display: none !important;
}
/* 签纸贺兑换卡号页 */
.card-number-page {
  display: flex;
  display: -webkit-flex;
  height: 100%;
  flex-direction: column;
}
.card-number-page .main-content {
  flex: 1;
  width: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: auto;
  position: relative;
}
.card-number-page .main-content .qzh-logo {
  padding-top: 12.26666667vw;
  padding-bottom: 13.33333333vw;
  text-align: center;
}
.card-number-page .main-content .qzh-logo img {
  width: 29.6vw;
  height: 13.33333333vw;
}
.card-number-page .main-content .card-item {
  width: 80vw;
  height: 11.73333333vw;
  background: #F0F0F0;
  border-radius: 1.33333333vw;
  margin: 0 auto;
}
.card-number-page .main-content .card-item input {
  background: #F0F0F0;
  height: 7.46666667vw;
  line-height: 7.46666667vw;
  margin-top: 2.13333333vw;
  margin-left: 3.73333333vw;
  width: 63.2vw;
  font-size: 3.73333333vw;
}
.card-number-page .main-content .card-item input:focus {
  -webkit-box-shadow: 0 0 0 1000px #F0F0F0 inset !important;
}
.card-number-page .main-content .card-item input:-webkit-autofill,
.card-number-page .main-content .card-item input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #F0F0F0 inset !important;
  background-color: #F0F0F0;
  transition: background-color 50000s ease-in-out 0s;
  -webkit-transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
.card-number-page .main-content .card-item .scan {
  width: 5.33333333vw;
  height: 5.33333333vw;
  padding: 2.93333333vw;
}
.card-number-page .main-content .card-item .scan img {
  width: 5.33333333vw;
  height: 5.33333333vw;
}
.card-number-page .main-content .password-item {
  width: 80vw;
  height: 11.73333333vw;
  background: #F0F0F0;
  border-radius: 1.33333333vw;
  margin: 0 auto;
  margin-top: 4vw;
}
.card-number-page .main-content .password-item input {
  background: #F0F0F0;
  height: 7.46666667vw;
  line-height: 7.46666667vw;
  margin-top: 2.13333333vw;
  margin-left: 3.73333333vw;
  margin-right: 3.73333333vw;
  width: 72vw;
  font-size: 3.73333333vw;
}
.card-number-page .main-content .password-item input:focus {
  -webkit-box-shadow: 0 0 0 1000px #F0F0F0 inset !important;
}
.card-number-page .main-content .password-item input:-webkit-autofill,
.card-number-page .main-content .password-item input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #F0F0F0 inset !important;
  background-color: #F0F0F0;
  transition: background-color 50000s ease-in-out 0s;
  -webkit-transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
.card-number-page .main-content .hint {
  text-align: center;
  color: #aaa;
  font-size: 3.2vw;
  transform: scale(0.95);
  line-height: 8.53333333vw;
  padding-bottom: 4.8vw;
}
@media screen and (max-width: 350px) {
  .card-number-page .main-content .hint {
    transform: scale(0.9);
  }
}
@media screen and (max-width: 320px) {
  .card-number-page .main-content .hint {
    transform: scale(0.8);
  }
}
.card-number-page .main-content .btn {
  text-align: center;
}
.card-number-page .main-content .btn input {
  width: 80vw;
  height: 11.73333333vw;
  color: #fff;
  font-size: 4.53333333vw;
  background: #FC404A;
  border-radius: 1.6vw;
}
.card-number-page .main-content .btn input:disabled {
  background: #DCDCDC;
}
.card-number-page .main-content .instructions {
  text-align: center;
  height: 4.93333333vw;
  line-height: 4.93333333vw;
  padding-top: 4.4vw;
  padding-bottom: 4.4vw;
  color: #aaa;
  font-size: 3.46666667vw;
  display: flex;
  justify-content: center;
  width: 100%;
}
.card-number-page .main-content .instructions .img {
  margin-left: 1.06666667vw;
  padding-top: 1.33333333vw;
  width: 1.06666667vw;
}
.card-number-page .main-content .instructions .img img {
  display: block;
  width: 1.06666667vw;
  height: 2.13333333vw;
}
.card-number-page .logo {
  width: 100%;
  height: 10.66666667vw;
  text-align: center;
}
.card-number-page .logo img {
  width: 37.2vw;
  height: 10.66666667vw;
}
.constitution-page {
  display: flex;
  display: -webkit-flex;
  height: 100%;
  flex-direction: column;
}
.constitution-page .main-content {
  flex: 1;
  width: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: auto;
  background: #f5f5f5;
}
.constitution-page .main-content h1 {
  color: #000000;
  font-size: 5.33333333vw;
  line-height: 14.66666667vw;
  text-align: center;
  font-weight: bold;
}
.constitution-page .main-content p {
  font-size: 3.46666667vw;
  color: #404040;
  line-height: 5.06666667vw;
  margin-bottom: 4.8vw;
  width: 93.33333333vw;
  padding: 0vw 3.33333333vw 0vw 3.33333333vw;
  text-align: justify;
}
.constitution-page .main-content .no-bottom {
  margin-bottom: 0vw;
}
.instructions-page {
  display: flex;
  display: -webkit-flex;
  height: 100%;
  flex-direction: column;
}
.instructions-page .main-content {
  flex: 1;
  width: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: auto;
}
.instructions-page .main-content img {
  width: 100%;
}
.instructions-page .main-content .footer {
  position: relative;
}
.instructions-page .main-content .footer .constitution {
  width: 32vw;
  height: 6.93333333vw;
  position: absolute;
  left: 43.73333333vw;
  top: 115.73333333vw;
}
/*兑换页面*/
.exchange-page {
  display: flex;
  display: -webkit-flex;
  height: 100%;
  flex-direction: column;
}
.exchange-page .main-content {
  flex: 1;
  width: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: auto;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  position: relative;
}
.exchange-page .main-content .ball {
  position: absolute;
  left: 12vw;
  bottom: 9.06666667vw;
  z-index: 300;
  transition: all 0.4s cubic-bezier(0.49, -0.29, 0.75, 0.41);
  /*贝塞尔曲线*/
}
.exchange-page .main-content .inner {
  width: 5.33333333vw;
  height: 5.33333333vw;
  border-radius: 50%;
  transition: all 0.4s linear;
}
.exchange-page .main-content .inner img {
  width: 5.33333333vw;
  height: 5.33333333vw;
}
.exchange-page .main-content .hint {
  background: #F9F9F9;
  width: 100%;
  height: 8.53333333vw;
  line-height: 8.53333333vw;
}
.exchange-page .main-content .hint .text {
  width: 86.66666667vw;
  font-size: 3.2vw;
  color: #FF5101;
  padding-left: 4vw;
}
.exchange-page .main-content .hint .close {
  padding-top: 2.13333333vw;
  padding-right: 4vw;
}
.exchange-page .main-content .hint .close img {
  width: 4vw;
  height: 4vw;
  display: block;
}
.exchange-page .main-content .header {
  width: 100%;
  height: 13.06666667vw;
  background: #fff;
  box-shadow: 0 3px 10px 0 rgba(222, 222, 222, 0.5);
}
.exchange-page .main-content .header .logo {
  width: 29.06666667vw;
  height: 13.06666667vw;
  text-align: center;
}
.exchange-page .main-content .header .logo img {
  margin-top: 2.93333333vw;
  width: 16vw;
  height: 7.2vw;
  display: inline-block;
}
.exchange-page .main-content .header .text {
  line-height: 13.06666667vw;
  padding-left: 5.33333333vw;
  font-size: 4.8vw;
  color: #000000;
}
.exchange-page .main-content .select-card-content {
  padding-top: 1.6vw;
  flex: 1;
  width: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: auto;
  display: flex;
  justify-content: start;
}
.exchange-page .main-content .select-card-content .brand-list {
  background: #ededed;
  height: auto;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  width: 31.73333333vw;
  border-right: 0.53333333vw solid #fff;
}
.exchange-page .main-content .select-card-content .brand-list .item {
  background: #ededed;
  width: 33.33333333vw;
}
.exchange-page .main-content .select-card-content .brand-list .item .box {
  margin-left: 0.8vw;
  height: 10.66666667vw;
  width: 31.2vw;
  position: relative;
  display: flex;
  justify-content: start;
}
.exchange-page .main-content .select-card-content .brand-list .item .logo {
  width: 5.06666667vw;
  height: 5.06666667vw;
  padding-left: 2.66666667vw;
  padding-top: 2.8vw;
}
.exchange-page .main-content .select-card-content .brand-list .item .logo img {
  width: 5.06666667vw;
  height: 5.06666667vw;
  border-radius: 1.06666667vw;
}
.exchange-page .main-content .select-card-content .brand-list .item .brand-name {
  width: 22.13333333vw;
  height: 10.66666667vw;
  padding-left: 1.33333333vw;
  font-size: 3.46666667vw;
  color: #323232;
  word-break: break-all;
  display: flex;
  align-items: center;
}
.exchange-page .main-content .select-card-content .brand-list .item .brand-name p {
  width: 22.13333333vw;
  line-height: 4.8vw;
  font-size: 3.46666667vw;
  color: #323232;
  word-break: break-all;
}
.exchange-page .main-content .select-card-content .brand-list .item .number {
  position: absolute;
  top: 0vw;
  right: 0vw;
  width: 4.26666667vw;
  height: 4.26666667vw;
  border-radius: 50%;
  line-height: 4.26666667vw;
  text-align: center;
  background: #ffb700;
  font-size: 3.2vw;
  transform: scale(0.75);
  -webkit-transform: scale(0.75);
  /*兼容-webkit-引擎浏览器*/
  -moz-transform: scale(0.75);
  /*兼容-moz-引擎浏览器*/
}
.exchange-page .main-content .select-card-content .brand-list .checked .box {
  border-radius: 5.33333333vw 0vw 0vw 5.33333333vw;
  background: #fff;
  box-shadow: -2px 2px 8px 0 #D8D8D8, -1px -2px 8px 0 #D8D8D8;
}
.exchange-page .main-content .select-card-content .brand-list .footer-li {
  width: 32vw;
  min-height: 20.8vw;
  background: #ededed;
}
.exchange-page .main-content .select-card-content .brand-list::-webkit-scrollbar {
  display: none;
}
.exchange-page .main-content .select-card-content .brand-content {
  height: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  width: 59.46666667vw;
  padding-bottom: 13.33333333vw;
  padding-left: 4vw;
  padding-right: 4.53333333vw;
}
.exchange-page .main-content .select-card-content .brand-content .brand-title {
  height: 9.33333333vw;
  line-height: 9.33333333vw;
  font-size: 4.93333333vw;
  color: #FC404A;
}
.exchange-page .main-content .select-card-content .brand-content .card-select .card-item {
  display: flex;
  justify-content: space-between;
  height: 16vw;
  padding-left: 2.66666667vw;
  border-bottom: 0.13333333vw solid #f5f5f5;
}
.exchange-page .main-content .select-card-content .brand-content .card-select .card-item .card-name {
  width: 34.4vw;
  line-height: 16vw;
  font-size: 3.73333333vw;
  color: #000000;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
.exchange-page .main-content .select-card-content .brand-content .card-select .card-item .counter {
  display: flex;
  justify-content: end;
}
.exchange-page .main-content .select-card-content .brand-content .card-select .card-item .counter .sub {
  width: 5.6vw;
  height: 5.6vw;
  margin-top: 5.06666667vw;
}
.exchange-page .main-content .select-card-content .brand-content .card-select .card-item .counter .sub img {
  width: 5.6vw;
  height: 5.6vw;
}
.exchange-page .main-content .select-card-content .brand-content .card-select .card-item .counter .number {
  line-height: 16vw;
  padding-left: 1.86666667vw;
  padding-right: 1.86666667vw;
  font-size: 3.73333333vw;
  color: #000000;
}
.exchange-page .main-content .select-card-content .brand-content .card-select .card-item .counter .add {
  width: 5.6vw;
  height: 5.6vw;
  margin-top: 5.06666667vw;
}
.exchange-page .main-content .select-card-content .brand-content .card-select .card-item .counter .add img {
  width: 5.6vw;
  height: 5.6vw;
}
.exchange-page .main-content .select-card-content .brand-content .card-select .custom-value .card-item {
  border: none;
}
.exchange-page .main-content .select-card-content .brand-content .card-select .custom-value .bottom {
  padding-left: 2.66666667vw;
  position: relative;
}
.exchange-page .main-content .select-card-content .brand-content .card-select .custom-value .bottom img {
  width: 4.8vw;
  height: 4.8vw;
  position: absolute;
  top: 3.46666667vw;
  left: 38.66666667vw;
}
.exchange-page .main-content .select-card-content .brand-content .card-select .custom-value .bottom input {
  width: 39.2vw;
  height: 11.73333333vw;
  line-height: 11.73333333vw;
  background: #f5f5f5;
  border-radius: 1.6vw;
  padding-left: 3.46666667vw;
  overflow: hidden;
  font-size: 3.73333333vw;
}
.exchange-page .main-content .select-card-content .brand-content .card-select .custom-value .bottom input:focus {
  -webkit-box-shadow: 0 0 0 1000px #f5f5f5 inset !important;
}
.exchange-page .main-content .select-card-content .brand-content .card-select .custom-value .bottom input:-webkit-autofill,
.exchange-page .main-content .select-card-content .brand-content .card-select .custom-value .bottom input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #f5f5f5 inset !important;
  background-color: #f5f5f5;
  transition: background-color 50000s ease-in-out 0s;
  -webkit-transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
.exchange-page .main-content .select-card-content .brand-content .card-select .disabled .card-name {
  color: #A3A1A1;
}
.exchange-page .main-content .footer {
  position: absolute;
  left: 0vw;
  bottom: 0vw;
  border-radius: 1.6vw;
  z-index: 200;
}
.exchange-page .main-content .footer .hint {
  width: 94.66666667vw;
  height: 7.46666667vw;
  line-height: 7.46666667vw;
  border-radius: 1.6vw 1.6vw 0vw 0vw;
  font-size: 3.2vw;
  color: #FF5101;
  text-align: center;
  background: rgba(0, 0, 0, 0.15);
  padding-bottom: 1.6vw;
  margin-bottom: -1.6vw;
  margin-left: 2.66666667vw;
}
.exchange-page .main-content .footer .select-menu {
  width: 100vw;
  max-height: 0vw;
  padding-bottom: 0vw;
  overflow: hidden;
  background: #fff;
}
.exchange-page .main-content .footer .select-menu .title-menu {
  margin-left: 2.66666667vw;
  margin-right: 2.66666667vw;
  border-bottom: 0.13333333vw solid #ebe7e7;
  height: 9.86666667vw;
  line-height: 9.86666667vw;
}
.exchange-page .main-content .footer .select-menu .title-menu .title {
  width: 64vw;
  color: #323232;
  font-size: 4.26666667vw;
  padding-left: 2.66666667vw;
}
.exchange-page .main-content .footer .select-menu .title-menu .btn {
  width: 21.33333333vw;
  height: 9.86666667vw;
  padding-right: 2.66666667vw;
}
.exchange-page .main-content .footer .select-menu .title-menu .btn .img {
  width: 2.66666667vw;
  height: 3.2vw;
  padding-top: 3.46666667vw;
  padding-right: 1.6vw;
}
.exchange-page .main-content .footer .select-menu .title-menu .btn .img img {
  width: 2.66666667vw;
  height: 3.2vw;
  display: block;
}
.exchange-page .main-content .footer .select-menu .title-menu .btn .text {
  height: 9.86666667vw;
  line-height: 9.86666667vw;
  font-size: 3.2vw;
  color: #4A4A4A;
}
.exchange-page .main-content .footer .select-menu .card-list {
  max-height: 66.66666667vw;
  overflow-y: scroll;
}
.exchange-page .main-content .footer .select-menu .card-list .card-item {
  display: flex;
  justify-content: start;
  height: 16vw;
  margin-left: 2.66666667vw;
  margin-right: 2.66666667vw;
  width: 94.66666667vw;
  border-bottom: 0.13333333vw solid #ebe7e7;
}
.exchange-page .main-content .footer .select-menu .card-list .card-item .logo {
  margin-top: 3.73333333vw;
  margin-left: 3.2vw;
}
.exchange-page .main-content .footer .select-menu .card-list .card-item .logo img {
  width: 13.33333333vw;
  height: 8.53333333vw;
  border-radius: 0.53333333vw;
}
.exchange-page .main-content .footer .select-menu .card-list .card-item .name {
  width: 50.66666667vw;
  height: 16vw;
  line-height: 16vw;
  padding-left: 3.73333333vw;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
}
.exchange-page .main-content .footer .select-menu .card-list .card-item .counter {
  display: flex;
  justify-content: center;
  width: 23.73333333vw;
}
.exchange-page .main-content .footer .select-menu .card-list .card-item .counter .img {
  width: 5.6vw;
  height: 5.6vw;
  margin-top: 5.06666667vw;
}
.exchange-page .main-content .footer .select-menu .card-list .card-item .counter .img img {
  width: 5.6vw;
  height: 5.6vw;
}
.exchange-page .main-content .footer .select-menu .card-list .card-item .counter .number {
  line-height: 16vw;
  font-size: 3.73333333vw;
  color: #000000;
  padding: 0vw 1.6vw 0vw 1.6vw;
}
.exchange-page .main-content .footer .footer-menu {
  width: 94.66666667vw;
  height: 12vw;
  background: #FFFFFF;
  border-radius: 1.6vw;
  display: flex;
  justify-content: start;
  z-index: 200;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.3);
  margin-left: 2.66666667vw;
  margin-bottom: 1.33333333vw;
}
.exchange-page .main-content .footer .footer-menu .left {
  padding-left: 5.06666667vw;
  padding-right: 3.46666667vw;
  position: relative;
}
.exchange-page .main-content .footer .footer-menu .left img {
  width: 13.33333333vw;
  height: 13.33333333vw;
  margin-top: -3.73333333vw;
}
.exchange-page .main-content .footer .footer-menu .left .select-number {
  height: 4vw;
  min-width: 4vw;
  text-align: center;
  line-height: 4vw;
  background: #ffb700;
  color: #000;
  position: absolute;
  right: 3.46666667vw;
  top: -4vw;
  border-radius: 2vw;
  font-size: 2.93333333vw;
}
.exchange-page .main-content .footer .footer-menu .center {
  width: 45.06666667vw;
  height: 12vw;
  line-height: 12vw;
  font-size: 4vw;
  color: #323232;
}
.exchange-page .main-content .footer .footer-menu .right {
  width: 27.73333333vw;
  height: 12vw;
  line-height: 12vw;
}
.exchange-page .main-content .footer .footer-menu .right input {
  width: 27.73333333vw;
  height: 12vw;
  background: #F9404A;
  border-radius: 0vw 1.6vw 1.6vw 0vw;
  color: #fff;
  font-size: 4.53333333vw;
}
.exchange-page .main-content .footer .footer-menu .right input:disabled {
  background: #DCDCDC;
}
.exchange-page .main-content .footer-unfold {
  background: #fff;
  border-radius: 1.6vw 1.6vw 0vw 0vw;
}
.exchange-page .main-content .footer-unfold .hint {
  width: 100vw;
  padding-bottom: 0vw;
  margin-bottom: 0vw;
  margin-left: 0vw;
}
.exchange-page .main-content .footer-unfold .select-menu {
  max-height: 76.53333333vw;
  padding-bottom: 5.33333333vw;
}
.exchange-page .shade {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
}
.change-history-page {
  display: flex;
  display: -webkit-flex;
  height: 100%;
  flex-direction: column;
  background: #F9F9F9;
}
.change-history-page nav {
  position: relative;
  height: 11.73333333vw;
  width: 100%;
  background: #fff;
  font-size: 4vw;
}
.change-history-page nav .line {
  height: 8.8vw;
  width: 66.66666667vw;
  position: absolute;
  bottom: 1.33333333vw;
  background: #FFF2F3;
  border-radius: 5.33333333vw;
  opacity: 0.4;
  z-index: 111;
}
.change-history-page nav ul {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.change-history-page nav ul li {
  text-align: center;
  width: 40%;
  transition: all 0.4s;
  color: #9B9B9B;
}
.change-history-page nav ul li {
  color: #9B9B9B;
}
.change-history-page nav ul li.active {
  color: #F9404A !important;
  font-weight: bold;
}
.change-history-page .wrap3 {
  flex: 1;
  margin-top: 2.66666667vw;
  overflow: auto;
}
.change-history-page .wrap1 {
  flex: 1;
  margin-top: 2.66666667vw;
  overflow: auto;
}
.change-history-page .wrap1 .wrap-left {
  height: auto;
}
.change-history-page .wrap1 .wrap-left .left {
  background: #fff;
  width: 92%;
  padding: 2.66666667vw 3.73333333vw 0vw 3.73333333vw;
  margin-bottom: 2.66666667vw;
}
.change-history-page .wrap1 .wrap-left .left ul {
  color: #4A4A4A;
}
.change-history-page .wrap1 .wrap-left .left ul li {
  font-size: 3.46666667vw;
}
.change-history-page .wrap1 .wrap-left .left ul > li:nth-child(2) {
  margin: 1.6vw 0vw 1.6vw 0vw;
}
.change-history-page .wrap1 .wrap-left .left ul > li:nth-child(3) {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
  height: 5.6vw;
}
.change-history-page .wrap1 .wrap-left .left ul > li:nth-child(3) .left-hj {
  font-size: 4vw;
  font-weight: bold;
}
.change-history-page .wrap1 .wrap-left .left ul > li:nth-child(3) .left-hj > span {
  color: #F9404A;
}
.change-history-page .wrap1 .wrap-left .left ul > li:nth-child(3) .left-dh {
  color: #1134A2;
  font-size: 3.73333333vw;
}
.change-history-page .wrap1 .wrap-left .left ul > li:nth-child(3) .left-dh > img {
  width: 1.86666667vw;
  height: 3.2vw;
  margin-left: 1.86666667vw;
}
.change-history-page .wrap1 .wrap-left .left ul > li:nth-child(4) {
  height: 9.33333333vw;
  border-top: 0.13333333vw solid #DBDBDB;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2.66666667vw;
  font-size: 3.46666667vw;
}
.change-history-page .wrap1 .wrap-left .left ul > li:nth-child(4) > div {
  font-size: 3.2vw;
}
.change-history-page .wrap1 .wrap-left .left ul > li:nth-child(4) > div > span:nth-child(1) {
  color: #71AD2B;
}
.change-history-page .wrap1 .wrap-left .left ul > li:nth-child(4) > div > span:nth-child(2) {
  color: #F9404A;
}
.change-history-page .wrap1 .wrap-left .left ul > li:nth-child(4) > div > img {
  width: 2.13333333vw;
  height: 1.33333333vw;
  transform: rotate(360deg);
  vertical-align: middle;
}
.change-history-page .wrap1 .wrap-left .left ul > li:nth-child(4) > div .img1 {
  width: 2.13333333vw;
  height: 1.33333333vw;
  transform: rotate(180deg);
  vertical-align: middle;
}
.change-history-page .wrap1 .wrap-left .left ul > li:nth-child(5) .tt {
  font-size: 3.46666667vw;
  margin-top: 1.6vw;
  padding: 1.33333333vw 0vw 1.33333333vw 0vw;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
}
.change-history-page .wrap1 .wrap-left .left ul > li:nth-child(5) .tt > div {
  display: flex;
  display: -webkit-flex;
  align-items: center;
}
.change-history-page .wrap1 .wrap-left .left ul > li:nth-child(5) .tt > div > p {
  width: 3.73333333vw;
  height: 3.73333333vw;
  margin-right: 1.86666667vw;
  margin-left: 4.53333333vw;
  background: #D3D3D3;
  border-radius: 50%;
  position: relative;
}
.change-history-page .wrap1 .wrap-left .left ul > li:nth-child(5) .tt > div > p > span {
  display: block;
  width: 0.26666667vw;
  height: 5.86666667vw;
  background: #DCDCDC;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 3.73333333vw;
}
.change-history-page .wrap1 .wrap-left .left ul > li:nth-child(5) .tt > div .ac {
  background: red;
}
.change-history-page .wrap1 .wrap-left .left ul > li:nth-child(5) .tt > p {
  font-size: 4vw;
  color: #71AD2B;
}
.change-history-page .wrap1 .wrap-left .left ul > li:nth-child(5) .tt .tt-red {
  color: #F9404A;
}
.change-history-page .left-q {
  background: #fff;
  width: 92%;
  padding: 2.66666667vw 3.73333333vw 0vw 3.73333333vw;
  margin-bottom: 2.66666667vw;
  font-family: PingFangSC-Regular;
  font-size: 3.46666667vw;
}
.change-history-page .left-q .left-q-card {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
  color: #4A4A4A;
}
.change-history-page .left-q .left-q-time {
  margin-top: 1.6vw;
}
.change-history-page .left-q .left-q-us {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
  height: 8.8vw;
}
.change-history-page .left-q .left-q-us .left-hj {
  font-size: 4vw;
  font-weight: bold;
}
.change-history-page .left-q .left-q-us .left-hj > span {
  color: #F9404A;
}
.change-history-page .left-q .left-q-us .left-dh {
  color: #1134A2;
  font-size: 3.73333333vw;
}
.change-history-page .left-q .left-q-us .left-dh > img {
  width: 1.86666667vw;
  height: 3.2vw;
  margin-left: 1.86666667vw;
}
.right {
  background: #fff;
  width: 92%;
  font-size: 3.46666667vw;
  padding: 2.66666667vw 3.73333333vw 2.66666667vw 3.73333333vw;
  margin-bottom: 2.66666667vw;
  font-family: PingFangSC-Regular;
  color: #4A4A4A;
}
.right .right-card {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.6vw;
}
.right .right-card > p:nth-child(2) {
  font-weight: 600;
}
.right .right-card > p:nth-child(2) > span {
  color: #F9404A;
}
.right .right-end-time {
  height: 8.8vw;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
}
.right .right-end-time > p:nth-child(2) {
  font-size: 3.73333333vw;
  color: #1134A2;
}
.right .right-list {
  background: #F9F9F9;
  border-radius: 1.33333333vw;
  padding: 2.66666667vw;
  margin-top: 2.66666667vw;
  display: flex;
  display: -webkit-flex;
  align-items: center;
}
.right .right-list > img {
  width: 8vw;
  border-radius: 1.33333333vw;
}
.right .right-list .right-list-content {
  flex: 1;
  margin-left: 3.46666667vw;
}
.right .right-list .right-list-content > p:nth-child(1) {
  font-size: 4.8vw;
  font-weight: 700;
}
.right .right-list .right-list-content > P:nth-child(2) {
  font-size: 3.33333333vw;
  height: 4.8vw;
  line-height: 4.8vw;
  color: #323232;
  margin-top: 1.86666667vw;
}
.right .right-list .right-list-content > P:nth-child(2) > img {
  width: 1.06666667vw;
  height: 2.13333333vw;
  margin-left: 1.86666667vw;
}
.right .right-list > p {
  font-size: 3.73333333vw;
  color: #fff;
  background: #FC404A;
  border-radius: 3.73333333vw;
  padding: 1.06666667vw 6.4vw 1.06666667vw 6.4vw;
}
.right hr {
  border-top: 0.13333333vw dashed #ccccccbd;
  margin-left: 1.33333333vw;
  width: 97%;
}
.right .right-list-cha {
  background: #F9F9F9;
  border-radius: 1.33333333vw;
  padding: 2.66666667vw;
}
.right .right-list-cha .cha-card {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  font-size: 3.73333333vw;
  font-weight: bold;
  margin-bottom: 4vw;
}
.right .right-list-cha .cha-card > p:nth-child(2) {
  height: 7.46666667vw;
  width: 56vw;
  line-height: 7.46666667vw;
  background: #fff;
  text-align: center;
  color: #6D7278;
  font-weight: normal;
}
.right .right-list-cha .cha-card .copy-btn {
  background: #fff;
  margin-left: 1.33333333vw;
  width: 17.86666667vw;
  height: 7.46666667vw;
  font-size: 3.73333333vw;
}
.right .right-list-cha > p {
  font-size: 2.93333333vw;
  color: #777777;
  text-align: center;
}
.mescroll-upwarp {
  min-height: 0;
  padding: 0;
}
.right-email {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
}
.right-email .right-email-je {
  font-weight: 600;
}
.right-email .right-email-je > span {
  color: #F9404A;
}
.right-list-content1 {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between;
  font-size: 4.8vw;
  font-weight: bold;
  font-family: PingFangSC-Regular;
}
.sl,
.sll {
  text-align: center;
  padding: 2.66666667vw 0vw 2.66666667vw 0vw;
  color: #cccccc;
}
